<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="format-detection" content="telephone=no" />
<meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,width=device-width" />
<script type="text/javascript" src="${basePath}/js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="${basePath}/js/layer/layer.m/layer.m.js"></script>

<title>${wxuser.wxname?default('')}</title>
<link rel="shortcut icon" type="image/ico" href="${basePath}/favicon.ico?v=1"/>
<style>
html, body {
	padding: 0;
	margin: 0;
}
img {
	max-width: 100%;
}
#preview {
	padding: 0;
	margin: 0;
}
#preview * {
	font-family: Microsoft YaHei, sans-serif;
	font-size: 16px;
}

@media screen and (min-width:351px) {
	.box_ewm {
		width: 100%;
		border: 3px solid #a10c10;
		padding-bottom: 1rem;
		height: 10rem;
	}
	.box_ewmleft {
		margin-left: 0.8rem;
		float: left;
		width: 30%;
	}
	.ewm {
		width: 7rem;
		height: 7rem;
		border: 1px solid #a10c10;
		border-radius: 5px;
		margin-top: 1rem;
	}
	.ewm img {
		width: 90%;
		height: 90%;
		padding: 5%;
	}
	.box_ewmright {
		height: 100%;
		float: right;
		padding-top: 0.4rem;
	}
	.box_ewmright .arrow {
		vertical-align: middle;
		margin-right: 5px;
	}
	.box_ewmright .zhiwen {
		vertical-align: middle;
		margin-right: 5px;
		width: 3rem;
		height: 3rem;
	}
	.box_ewmright p.padding {
		font-size: 1.2rem;
	}
	.box_ewmright .bg {
		position: relative;
	}
	.box_ewmright .bg img.beijing {
		position: absolute;
		right: 0;
		width: 16rem;
		height: 2.2rem;
		top: 2rem;
	}
	.box_ewmright .bg .wenzi {
		position: absolute;
		right: 0.6rem;
		font-size: 10px;
		top: 2.5rem;
		color: #a10c10;
		font-family: Microsoft YaHei, sans-serif;
	}
}
</style>
</head>
<body>
  <div id="preview" style="padding:16px">
  <div style="width:100%;height:100%;overflow:hidden;">
  	<span style="text-align: center;font-size:26px;font-weight:blod;display:block;width:100%;overflow:hidden;line-height:24px;">${bean.title?default('')}</span>
  	<span style="width:100%;background:#E7E7EB;margin:8px 0;height:1px;display:block;"></span>
  	<span style="font-size:18px;font-weight:blod;color:#999;">${(bean.createTime?string("yyyy-MM-dd"))!''}</span> 
  	<span style="font-size:18px;font-weight:blod;color:#607FA6;margin-left:18px;"><a href="javascript:openLayer();">${wxuser.wxname?default('')}</a></span>
	<span style="font-size:14px;font-weight:blod;float:left;width:100%;min-height:270px;">${bean.detailContent?default('')}</span>
	<span style="font-size:18px;font-weight:blod;margin-top:40px;float:left;">阅读(${bean.watchTimes?default('')})</span>
</div>
</div>
<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script type="text/javascript">
var wxData = {
	"link":"${absolutelyPath}/pic/detail?id=${bean.id}&source_openid=${source_openid}&wxid=${bean.wxid}",
    "imgUrl":"${bean.pImgHref?default('')}",
    "desc":"${bean.pSummary?default('')}",
    "title":"${bean.title?default('')}"
 };
wx.config({
    debug: false, 
    appId:'${jsapiTicket.appid}', 
    timestamp:${jsapiTicket.timestamp}, 
    nonceStr:'${jsapiTicket.nonceStr}', 
    signature:'${jsapiTicket.signature}',
    jsApiList: [
        'onMenuShareAppMessage',
        'onMenuShareTimeline'
    ]
});
wx.ready(function () {
	wx.onMenuShareAppMessage(wxData);
	wx.onMenuShareTimeline(wxData);
});
</script> 
</body>
</html>